<aside class="panel">
    <header class="logo">
        <p>
            <a href="http://www.yanue.net/" class="logo-link" title="半叶寒羽">
                <img src="http://www.yanue.net/wp-content/themes/wp-senth/images/logo.png" alt="半叶寒羽">
            </a>
        </p>
    </header>
    <p class="panel-welcome">
        yanue.net &#8211; 关注WEB前端 探索HTML5 深入php    </p>
    <p style="color:#888;margin:20px 0;text-align:center;">
        欢迎光临小站
    </p>
    <h2 class="panel-title">资源列表</h2>
    <ul class="panel-menus">
        <li><a href="http://www.yanue.net/" class="current"><i class="icon icon-angle-right" title="半叶寒羽 - 原创地图 - 经纬度转换工具"></i>个人博客</a></li>
        <li><a href="http://map.yanue.net/" target="_blank"><i class="icon icon-angle-right" title="半叶寒羽 - 原创地图 - 经纬度转换工具"></i>地图作品 - 原创</a></li>
        <li><a href="http://stephp.yanue.net/" target="_blank" title="Stephp - A Simple Easy Tiny MVC PHP Framework"><i class="icon icon-angle-right"></i>Stephp - My PHP Framework</a></li>
        <li><a href="http://tool.yanue.net/" title="css/js/html格式化美化压缩"><i class="icon icon-angle-right"></i>前端工具箱</a></li>
        <!--    <li><a href="javascript:;" title="敬请期待"><i class="icon icon-angle-right"></i>在线手册[全]</a></li>
            <li><a href="javascript:;" title="敬请期待"><i class="icon icon-angle-right"></i>查询工具[全]</a></li>-->
    </ul>
    <p style="color:#666;margin:20px 0;text-align:center;">
        联系我
    </p>
    <ul class="panel-contact">
        <li>QQ : 642399406</li>
        <li>Email : yanue@outlook.com</li>
    </ul>
    <!--    <p>-->
    <!--        <a href="--><!--">意见反馈</a>-->
    <!--    </p>-->
    <footer class="panel-footer">
        <p class="theme-info">Private Theme wp-senth by yanue.</p>
        <p class="copyright">2013 &copy; yanue.net - 半叶寒羽</p>
    </footer>
</aside>